<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>员工管理系统</title>
    <style type="text/css">
        .sys {
            width: 50%;
            margin: 50px auto 0px;
        }

        table {
            width: 100%;
            border: 1px solid lightpink;
            text-align: center;
        }

        table span {
            color: #cc9eff;
        }

        table span:hover {
            cursor: pointer;
        }

        table tr th {
            font-weight: unset;
        }

        .control{
            display: none;
        }

        .control p span {
            display: inline-block;
            /*width: 125px;*/
        }

        .control p input{
            /*display: inline-block;*/
            width: 90px;
        }

    </style>
</head>
<body>
<div class="sys">
    <table class="tab">
        <tr>
            <th>ID号</th>
            <th>NAME</th>
            <th>AGE</th>
            <th>SALARY</th>
            <th>
                操作:
                <span class="add">添加</span>
            </th>
        </tr>
        <tr>
            <td>10000</td>
            <td>zs0</td>
            <td>20</td>
            <td>10000</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10001</td>
            <td>zs1</td>
            <td>21</td>
            <td>10001</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10002</td>
            <td>zs2</td>
            <td>22</td>
            <td>10002</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10003</td>
            <td>zs3</td>
            <td>23</td>
            <td>10003</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10004</td>
            <td>zs4</td>
            <td>24</td>
            <td>10004</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10005</td>
            <td>zs5</td>
            <td>25</td>
            <td>10005</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10006</td>
            <td>zs6</td>
            <td>26</td>
            <td>10006</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10007</td>
            <td>zs7</td>
            <td>27</td>
            <td>10007</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10008</td>
            <td>zs8</td>
            <td>28</td>
            <td>10008</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
        <tr>
            <td>10009</td>
            <td>zs9</td>
            <td>29</td>
            <td>10009</td>
            <td>
                <span class="sp_delete">删除</span>
                <span class="sp_modify">修改</span>
            </td>
        </tr>
    </table>
    <form action="#" class="control">
        <p>
            <span>ID:</span>
            <input type="text" name="id">
            <span>NAME:</span>
            <input type="text" name="name">
            <span>AGE:</span>
            <input type="number" name="age">
            <span>SALARY:</span>
            <input type="text" name="salary">
            <button type="button" id="btn_add">add</button>
            <button type="button" id="btn_return">return</button>
        </p>
    </form>
</div>
<!--<script type="text/javascript" src="../js/Day_4/day_2.js"></script>-->
<script type="text/javascript" src="../js/Day_4/EmployeeSystem.js"></script>
<script type="text/javascript">
    // window.onload = function () {
        new EmployeeSystem(".tab");
    // }
</script>
</body>
</html>